<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <style>
        *{
            padding:0;
            margin:0;
            font-size:20px;
            font-family: '黑体';
        }
        .content{
            width:700px;
            height:400px;
            border:1px solid gray;
            margin:0 auto;
            text-align: center;
        }
        .myDiv{
            float:left;
            width:50%;
            text-align:center;
            margin-top:30px;
        }
        .hide {
            display: none;
        }
        #stu{
            margin-top:20px;
            /*border: 1px solid red;*/
            float:left;
            width:100%;
        }
        #no_stu{
            margin-top:20px;
            float:left;
            width:100%;
        }
    </style>
    <title></title>
</head>
<body>
    <div class="content">
        <div class="myDiv">
            <input type="radio" name='stu' id="schStu" ><span class="mySpan">在校生</span>
        </div>
        <div class="myDiv">
            <input type="radio" name='stu' id="noschStu"><span class="mySpan">非在校生</span>
        </div>
        <div id="stu" class="hide">
            学校：
            <select id="cities">
                <option selected="selected">北京</option>
                <option>河北</option>
                <option>陕西</option>
                <option>天津</option>
            </select>
            <select class="school ">
                <option>北京大学</option>
                <option>清华大学</option>
                <option>北京邮电大学</option>
                <option>首都医科大学</option>
            </select>
            <select class="school hide">
                <option>燕山大学</option>
                <option>河北大学</option>
                <option>河北科技大学</option>
                <option>河北医科大学</option>
            </select>
            <select class="school hide">
                <option>西安电子科技大学</option>
                <option>西安交通大学</option>
                <option>西北工业大学</option>
                <option>西安邮电大学</option>
            </select>
            <select class="school hide">
                <option>天津大学</option>
                <option>南开大学</option>
                <option>河北工业大学</option>
                <option>天津工业大学</option>
            </select>
        </div>
        <div id="no_stu" class="hide">
            就业单位：<input type="text">
        </div>
    </div>
<script src="task31.js"></script>
</body>
</html>